.content{
    padding: 15px 2% !important;
}

.integral-bar{
    height: 480px;
  margin-top: 30px;
   background-color: #fff;
   .integrl-title{
       height: 80px;
       border-bottom: 1px solid #ccc;
       width: 95%;
        line-height: 80px;
       font-size: 16px;
       
       margin: 0 auto;
       .integrl-rigth{
           width: 94px;
           height: 80px;
          
           float: right;
       }
       .integrl-left{
           width: 410px;
           height: 80px;
           float: left;
           display: flex;
           justify-content: space-around;
           align-items: center;
          
           &>a{
               display: inline-block;
               width: 62px;
               height: 30px;
               border-radius: 5px;
               border: 1px solid #1890FF;
               line-height: 30px;
               text-align: center;
               font-size: 14px;
               color: #666;
           }
           .tabs{
               width: 150px;
               display: flex;
                   height: 32px;
                     border-radius: 5px;
                         line-height: 32px;
                         text-align: center;

                         .active{
                             border: 1px solid #1890FF !important;
                         }
                        
             
               &>div{
                   cursor: pointer;
                   font-size: 14px;
                   flex: 1;
                 
                     border: 1px solid #ccc;
                     &:nth-child(1){
                         border-top-left-radius: 5px;
                           border-bottom-left-radius: 5px;
                         border-right: none;
                     }
                      &:nth-child(2){
                         
                         border-right: none;
                     }
                      &:nth-child(3){
                             border-top-right-radius: 5px;
                           border-bottom-right-radius: 5px;
                      }
               }
           }
            #date{
                             width: 160px;
                             height: 32px;
                             border-radius: 5px;
                         }
       }
   }

   .integrl-body{
        width: 95%;
      overflow: hidden;
        margin: 0px auto;
        .integrl-list{
            width: 100%;
            height: 100%;
          
        }
        &>h3{
            float: left;
            font-size: 14px;
        }
        &>div{
            float: right;
           
        }
   }
}


.integral-table{
    width: 100%;
    background-color: #fff;
  
    padding-top: 60px;
    .integral-bottom-title{
        height: 45px;
           background-color: #e6f7ff;
        border-radius: 5px;
        width: 95%;
        margin: 0 auto;
        line-height: 45px;
        padding-left: 30px;
        color: #282828;
        letter-spacing: .5px;
        border: 1px solid #1890FF;
    }
    .table{
        width: 95%;
            color: rgba(0, 0, 0, 0.65);
         margin: 15px auto;
         td {
    padding: 16px 16px 16px 5px;
    word-break: break-all;
}
    }
}

.table-paging{
    height: 100px;
    width: 100%;
    position: relative;
    background-color: #fff;
   .layui-box{
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
   }
}